<ion-header>
  <ion-navbar>
    <ion-searchbar (tap)="goSearch()"></ion-searchbar>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-slides *ngIf="focusList.length>0" class="focus" pager loop="true" autoplay="3000">
    <ion-slide *ngFor="let item of focusList">
      <img [src]="config.apiUrl+item.pic" alt="" />
    </ion-slide>
    

  </ion-slides>
  <div class="home_title">
    精品推荐
  </div>
  <div class="slide_product">
    <!-- 外层的ion-scroll100%里面元素的宽度要大于100% -->
    <ion-scroll scrollX="true">
      <!--  -->
      <ul class="clearfix" [ngStyle]="{'width':bestListWidth}">
        <li *ngFor="let item of bestList">
          <img [src]="config.apiUrl+item.pic">
          <div class="rec_shop_detial">{{item.title}}</div>
          <p><span class="price">￥{{item.price}}</span></p>
        </li>
      </ul>
    </ion-scroll>

    <!-- 推荐商品 -->
  </div>
  <div class="home_title">
    猜你喜欢
  </div>

  <div class="index_product">
    <ion-row>
      <ion-col col-6 *ngFor="let item of hotList">
          <img [src]="config.apiUrl+item.s_pic">
          <div class="rec_shop_detial">{{item.title}}</div>
          <p><span class="price">￥{{item.price}}</span><span class="old_price">￥{{item.old_price}}</span></p>
      </ion-col>
    </ion-row>
  </div>

</ion-content>